<template>
  <view class="infoButton" @click="handleInfo">
    <view class="info_text">星联充电</view>
    <view class="image_box">
      <image src="../../static/images/massageChair_charge_icon.png" mode="widthFix"></image>
    </view>
  </view>
</template>
<script>
import wx from "weixin-js-sdk";
import { xingtuMiniUrl } from '@/api/massageChair'
export default {
  name: "infoButton",
  props: {},
  data() {
    return {
      weapp: ''
    };
  },
  created() {
    this.getXingtuMiniUrl();
  },
  methods: {

    async getXingtuMiniUrl() {
      const res = await xingtuMiniUrl({})
      if (res.results.code == 200) {
        this.weapp = res.results.data;
      }
    },
    async handleInfo() {
      window.location.href = this.weapp;

    },
  },
};
</script>

<style lang="scss">
.infoButton {
  padding: 8rpx;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  bottom: 60rpx;
  left: 0;
  width: 220rpx;
  height: 88rpx;
  background: #ffffff;
  box-shadow: 0rpx 0rpx 20rpx 0rpx #E2E4ED;
  border-radius: 0rpx 44rpx 44rpx 0rpx;

  .image_box {
    width: 72rpx;
    height: 72rpx;
    border-radius: 50%;
    background: #EBF3FE;
    padding: 12rpx;

    image {
      width: 100%;
      display: block;
    }

  }

  .info_text {
    margin-right: 12rpx;
    font-size: 28rpx;
    color: #000000;
  }
}
</style>